<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Coffee House - Contact</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>

<header>
  <div class="logo">☕ Coffee House</div>
  <nav>
    <a href="index.html">Home</a>
    <a href="menu.html">Menu</a>
    <a href="contact.html">Contact</a>
  </nav>
</header>

<section>
  <h2>Contact Us</h2>

  <div class="contact-container">
    <iframe src="https://www.google.com/maps?q=London&output=embed" height="300"></iframe>

    <div class="contact-info">
      <p>123 Coffee Street, London</p>

      <form>
        <input type="text" placeholder="Your Name" required>
        <input type="email" placeholder="Your Email" required>
        <textarea placeholder="Message"></textarea>
        <button type="submit">Send</button>
      </form>
    </div>
  </div>
</section>

<footer>
  <p>Open daily: 8am – 6pm</p>
  <p>© 2026 Coffee House</p>
</footer>

</body>
</html>